<!DOCTYPE HTML>
<html>
<head>
 <meta http-equiv='content-type' content='text/html'  charset='utf-8'>


   <!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>-->





    <script src="http://cdn.static.runoob.com/libs/jquery/1.8.3/jquery.js"></script>


    <script src='success.js'></script>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>

    <script src="https://static.runoob.com/assets/jquery/jquery.growl/javascripts/jquery.growl.js" type="text/javascript"></script>
    <link href="http://static.runoob.com/assets/jquery/jquery.growl/stylesheets/jquery.growl.css" rel="stylesheet" type="text/css" />
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>

    <link rel='stylesheet' href='bootstrap.css' type='text/css'/>
    <script>
        $(function() {


            $.growl({
                title: "天气",
                message: "天气内容!"
            });


/*
            $('.error').click(function(event) {
                event.preventDefault();
                event.stopPropagation();
                return $.growl.error({
                    title: "轻松一下",
                    message: "此处应有段子"
                });
            });
*/
            $('.notice').click(function(event) {
                event.preventDefault();
                event.stopPropagation();
                return $.growl.notice({
                    title: "每日一言",
                    message: "提醒消息内容!"
                });
            });

            return $('.warning').click(function(event){
                event.preventDefault();
                event.stopPropagation();
                return $.growl.warning({
                    title: "警告标题",
                    message: "警告消息内容!"
                });
            });
        });
    </script>

    <title> 风流登录 </title>
   </head>
<body>
<div class="navbar">
  <div class="navbar-inner">
    <div class="container">
 
      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
 
      <!-- Be sure to leave the brand out there if you want it shown -->
      <a class="brand" href="#">风流</a>
	  
 
      <!-- Everything you want hidden at 940px or less, place within here -->
      <div class="nav-collapse collapse">
					<!-- .nav, .navbar-search, .navbar-form, etc --><ul class="nav nav-pills">
			  <li class="active">
				<a href="#">主页</a>
			  </li>
			  <li><a href="#">悦动青春</a></li>
			  <li><a  href="#">爱在风流</a></li>


          </ul>
      </div>
 
    </div>
  </div>
</div>

<br>
<br>


<div class="tabbable"> <!-- Only required for left/right tabs -->
  <ul class="nav nav-tabs">
    <li class="active"><a href="#tab1" data-toggle="tab">个人信息</a></li>
    <li><a href="#tab2" data-toggle="tab">轻松一下</a></li>

  </ul>
  <div class="tab-content">
    <div class="tab-pane active" id="tab1">
				  <div class="container">
					  <div class="row">
						<div  class="col-md-4"><p id="username">用户名</p></div>
						<div class="col-md-4"><p id="registerTime">注册时间</p></div>
						<div class="col-md-4"><p id="lasttime">上次登陆时间</p></div>
						<div  class="col-md-4"><p id='logincount'>登陆次数</p></div>
						<div class="col-md-4"><p id="accountLevel">账户等级</p></div>
						<div class="col-md-4"><p id="email">邮箱</p></div>
                          <div class="col-md-4"><p id="phoneNumber">电话</p></div>
                          <div class="clearfix visible-md-block"></div>
					  </div>
			    </div>
    </div>
	
    <div class="tab-pane " id="tab2">
      <p>Welcome to this part.</p>
        <ul>
        <li>
            <a class="error" href="#">轻松一下</a>
        </li>
        <li>
                <a class="notice" href="#">日日言</a>
        </li>
         <li>
            <a class="growl" href="#">天气</a>
        </li>
        <li>
            <a class="warning" href="#">警告!</a>
        </li>
        </ul>
        <p id="joke1">呜呜呜~ 火车查询- -</p>
        <div id="checktrack">
            <input type="text" id="start" placeholder="请输入起点站" value="北京"/>
            <input type="text" id="end" placeholder="请输入终点站" value="杭州"/>
            <input type="text" id="Time" placeholder="请输入日期如2017-11-11" value="2017-11-11"/>
            <button class="btn btn-primary btn-lg"  onclick="joking()">查询</button>
            <table id="datas" class='table-striped'>
                <tr>
                    <th >车次</th>
                    <th>类型</th>
                    <th>起始站</th>
                    <th>终点站</th>
                    <th>起始时间</th>
                    <th>抵达时间</th>
                    <th>余票</th>
                </tr>
                <tr id="template" hidden="hidden">

                    <td id="trainno"></td>
                    <td id="type"></td>
                    <td id="departstation"></td>
                    <td id="terminalstation"></td>
                    <td id="starttime"></td>
                    <td id="endtime"></td>
                    <td id="sw"></td>
                </tr>
            </table>

            </ul>
        </div>
    </div>
      <div class='table table-striped' id="feedbackTable"></div>
  
 </div>

</div>

</body>
</html>